*{
    /*清除所有元素自带的边距*/
    padding: 0;
    margin: 0;
}
.aside{
    /*设置外边距，并设置盒子模型居中显示*/
    margin: 1240px auto;
}
.div1{
    /*设置外边距*/
    margin: 30px;
    width: 270px;
    height: 400px;
    /*设置动画过渡效果*/
    transition: all .5s;
    /*设置溢出隐藏*/
    overflow: hidden;
    /*设置左浮动*/
    float: left;
    border: 1px solid orange;
}
.div2{
    /*设置元素的Z轴，值越大，元素越靠上*/
    z-index: 1000;
    height: 140px;
}
.div2 p{
    /*这只上外边距*/
    margin-top: 20px;
    /*设置文字的对齐方式为居中对齐*/
    text-align: center;
}
.div3{
    width: 270px;
    height: 270px;
    /*设置溢出隐藏*/
    overflow: hidden;
 }
.p1{
    /*设置字体大小*/
    font-size: 15px;
}
.p2{
    /*设置字体大小*/
    font-size: 20px;
}
.p2 a:link{
    /*设置文字颜色*/
    color: black;
    /*清楚a标签自带的文字效果*/
    text-decoration: none;
}
.p2 a:hover{
    /*文字颜色*/
    color:orange;
    /*设置文字效果为下划线*/
    text-decoration: underline;
}
.div1:hover{
    /*设置盒子阴影*/
    box-shadow: 0 0 15px #999;
}
.div3:hover img{
    /*设置全部动画过渡效果在0.5秒完成*/
    transition: all .5s;
    /*设置变形效果的放大效果*/
    transform: scale(1.2);
}